import React from 'react'
import PropTypes from 'prop-types'
import { Layout } from 'antd'
import CustomMenu from '@/components/CustomMenu/CustomMenu'
// import TheFunMenu from "@/components/theFunMenu";
// import TheImage from "@/components/TheImage";
const { Sider } = Layout

const AppAside = props => {
    let { menuToggle, } = props;
    return (
        <Sider className='aside' collapsed={menuToggle}>
            <div className='logo'>
                宠物管理平台
            </div>
            {/* <TheFunMenu/> */}
            {/* <CustomMenu menu={menu}></CustomMenu> */}
            <CustomMenu />
        </Sider>
    )
}

AppAside.propTypes = {
    menuToggle: PropTypes.bool,
    menu: PropTypes.array.isRequired
}

export default AppAside
